<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title>导航</title>
		<link href="css/bootstrap.css" rel="stylesheet">
		<style>

		</style>
	</head>

	<body>
		<div class="container" style="margin: 20px">
			<!--选项卡式导航-->
			<!--<ul class="nav nav-tabs nav-justified">
    <li  class="active"><a href="#">主页</a></li>
    <li><a href="#">微博</a></li>
    <li><a href="#">图书</a></li>
    <li><a href="#">关于我们</a></li>
    </ul>-->
			<br/>
			<br/>
			<!--胶囊式选项卡导航-->
			<ul class="nav nav-pills nav-justified ">
				<li class="active">
					<a href="#">主页</a>
				</li>
				<li>
					<a href="#">微博</a>
				</li>
				<li>
					<a href="#">图书</a>
				</li>
				<li>
					<a href="#">关于我们</a>
				</li>
			</ul>

		</div>

	</body>

</html>